<template>
	<view>
		<view class="iteminfo pore colonn"
		>
			<image :src="imgs1[0]"
			class="w-720 poab" style="top: -10rpx;left: -10rpx;" mode="widthFix">
			</image>
			<view class="colonn" style="z-index: 2000;padding:20rpx 20rpx 20rpx 20rpx;">
				<view class="roww center_center" style="padding:0rpx 15rpx 0rpx 0rpx;">
					<view class="allline"></view>
					<image src="/static/Time Circle.png" class="w-40 h-40"></image>
					<view style="font-weight: bold;" v-if="type==1">09.13 20:00</view>
				<!-- 	<view style="font-weight: bold;color: #AC641A;" v-if="type==2">09.13 20:00</view>
					<view style="font-weight: bold;color: #F0D3AE;" v-if="type==3">09.13 20:00</view> -->
					
				</view> 
				<view class="roww">
					<image src="/static/huodongimage1.png" class="w-300 h-200"></image>
					<view class="w-30"></view>
					<view class="colonn">
						<view class="fs-35 fw-b txtShowLength1 w-350">东体欢乐飞盘，来一场酣畅淋漓的运动吧来一场酣畅淋漓的运动吧！</view>
						<view class="h-25"></view>
						<view class="roww" style="z-index: 2000;">
							<image src="/static/Locationdw.png" class="w-35 h-35"></image>
							<view class="w-15"></view>
							<view class="fs-25">历城区山大路38-7号</view>
						</view>
						<view class="h-15"></view>
						<view class="roww" style="z-index: 2000;">
							<image src="/static/baisguke.png" class="w-35 h-35"></image>
							<view class="w-15"></view>
							<view class="fs-25">百事很可口</view>
						</view>
					</view>
				</view>
				<view class="h-35"></view>
				<view class="roww center_center">
					<view class="roww">
						<image src="/static/image.png"
						class="smoreimg" style="margin-left: 0rpx;"
						></image>
						<image src="/static/image.png"
						class="smoreimg"
						>
						</image>
						<image src="/static/image.png"
						class="smoreimg"
						></image>
					</view>      
					<view class="w-20"></view>
					<view class="fs-30" style="color: #6D6D6D;">等23人已报名，</view>
					<view class="fs-30" >还差2人</view>
					<view class="allline"></view>
					<image src="/static/Group 56.png" class="w-170" mode="widthFix"></image>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "huodongItem",
		props: {
			type: {
				type: Number,
				value: 1
			}
		},
		data() {
			return {
				imgs1: ['/static/Component 21.png', '/static/sdsdfdsf4.png', '/static/fanlei.png']
			};
		}
	}
</script>

<style>
@import url(huodongItem1.css);
</style>